<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>News Detail</title>
        <h:outputStylesheet library="css" name="style.css"/>
        <h:outputStylesheet library="css" name="960.css"/>
        <h:outputStylesheet library="css" name="text.css"/>
        <h:outputStylesheet library="css" name="reset.css"/> 
        <h:outputText value="#{loginProgess.checkNewsDetailEmployee}"/>
    </h:head>
    <h:body>
        <h:form>
            <div id="body" class="container_12">
                <div id="header" class="grid_12">
                    <div id="logo" class="grid_4">
                        <a href="index.xhtml"><img src="image/logo.jpg" width="250" height="70" alt="ManTech-logo"/>
                        </a>
                    </div>
                    <div>
                        <div class="grid_2 alpha"><p><a href="employee.xhtml"><img src="image/buttonLinkHome.png" width="139" height="25" alt="buttonLinkHome"/></a></p></div>
                        <div class="grid_2"><p><a href="create_complaint.xhtml"><img src="image/buttonLinkCreateComplain.png" width="139" height="25" alt="buttonLinkCreateComplain"/></a></p></div>
                       <div class="grid_2 omega"><p><a href="about_us.xhtml"><img src="image/buttonLinkAboutMe.png" width="139" height="25"/></a></p></div>
                        <div class="grid_2 omega"><p><a href="contact_us.xhtml"><img src="image/buttonLinkContact.png" width="139" height="25" alt="buttonLinkContact"/></a></p></div>
                     </div>
                </div>
                <div id="main" class="container_12">
                    <div id="wrapper" class="grid_12">
                        <img src="image/wraper.jpg" width="100%" height="200px" alt="wrapper1"/>

                    </div>
                    <div id="content" class="grid_7 alpha suffix_2 ">
                        <table class="contentTable">                           
                            <tbody>
                                <tr>
                                    <td><h2>Title: </h2></td>
                                    <td>#{newsProgess.newsItem.title}</td>
                                </tr>
                                <tr>
                                    <td><h2>Content:</h2> </td>
                                    <td>                                       
                                    </td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td>
                                        <p:scrollPanel  style="width:550px;height:300px;">  
                                            <h:outputText value="#{newsProgess.newsItem.content}" escape="false" />
                                        </p:scrollPanel>
                                    </td>
                                </tr>
                            </tbody>
                        </table><br/>
                    </div>
                    <div id="sidebar" class="grid_3 push_1">
                        <h:inputText class="txt"/>
                        <h:commandButton value="Search" class="btn"/>
                        <br/>
                        <br/>
                        <hr/>
                        <img src="image/#{loginProgess.image}" width="130px" height="130px" alt="admin"/>
                        <br/>

                        Welcome: #{loginProgess.user.fullName}
                        <br/>
                        Department : #{loginProgess.user.departmentId.description}
                        <br/>
                        Role :#{loginProgess.user.roleId.name}
                        <br/>
                        <h:commandButton value="Logout" action="#{loginProgess.doLogout()}"/>

                    </div>
                </div>
                <div id="footer" class="grid_12">
                    <p style="font-style: italic; text-align: center">ManTech HelpDesk 2013. Copyright© Group 2. </p>
                </div>
            </div>
        </h:form>
    </h:body>
</html>

